<template>
  <div ref="charts"></div>
</template>

<script>
import * as echarts from "echarts";
export default {
  mounted() {
    this.echarts();
  },
  methods: {
    echarts() {
      let line = echarts.init(this.$refs.charts);
      line.setOption({
        xAxis: {
          show: false,
          type: "category",
        },
        yAxis: {
          show: false,
        },
        series: {
          type: "bar",
          data: [10, 22, 6, 47, 88, 23,44,122,23,76,33,67],
          
      
       
        },
        grid: {
          left: 0,
          top: 0,
          right: 0,
          bottom: 0,
        },
        tooltip:{}
      });
    },
  },
};
</script>

<style scoped>
div {
  width: 100%;
  height: 100%;
}
</style>
